﻿<div class="Window" id="newEinzelfall" style="color: black;">

     <h3 data-bind="text: Application.Resources.Views.Dfnw.Dialogs[Model.ClassName]">Verordnung</h3>  
        <!-- ko if: NewEinzelfall.Massnahme && !NewEinzelfall.Bis -->
        <!--<h3 data-bind="text: Application.Resources.Views.New_einzelfall.Massnahme">Massnahme</h3>-->
        <!-- /ko -->
        <!-- ko if: NewEinzelfall.Bis -->
        <!-- <h3 data-bind="text: Application.Resources.Views.New_einzelfall.Anordnung">Anordnung/Aufsicht DGKS/DGKP</h3>-->
        <!-- /ko -->
        <!-- ko if: NewEinzelfall.Verordnung -->
        <!--<h3 data-bind="text: Application.Resources.Views.New_einzelfall.Verordnung">Verordnung</h3>  -->
        <!-- /ko -->

        <!--<span data-bind="text: Application.Resources.Views.New_einzelfall.Klient">Klient:</span>
        <span data-bind="text: KlientDescription"></span>-->
        <div class="two-column-view">
            <div class="leftcolumn">
                <div class="one-in-row" data-bind="if: NewEinzelfall.Massnahme!==undefined">
                    <label class="spanBr" for="Massnahme" data-bind="text: Application.Resources.Views.New_einzelfall.Massnahme">Massnahme</label>
                    <textarea class="border-brown" id="Massnahme" data-bind="value: NewEinzelfall.Massnahme, valueUpdate: 'keyup'"></textarea>
                </div>
                <div data-bind="if: NewEinzelfall.Verordnung!==undefined">
                    <label class="label spanBr" for="Verordnung" data-bind="text: Application.Resources.Views.New_einzelfall.Verordnung">Verordnung</label>
                    <textarea id="Verordnung" class="border-brown" data-bind="value: NewEinzelfall.Verordnung, valueUpdate: 'keyup'"></textarea>
                </div>
                <br />

                <!-- ko if: NewEinzelfall.ZeitVon && NewEinzelfall.ZeitBis -->
                <h3 data-bind="text: Application.Resources.Views.New_einzelfall.Zeitraum">Zeitraum</h3>
                <!-- /ko -->
                <!-- ko ifnot: NewEinzelfall.ZeitVon && NewEinzelfall.ZeitBis -->
                <h3 data-bind="text: Application.Resources.Views.New_einzelfall.Erbringung">Erbringung</h3>
                <!-- /ko -->
                <div class="one-in-row">
                    <label class="label spanBr" for="Datum" data-bind="text: Application.Resources.Views.New_einzelfall.Datum">Datum</label>
                    <input class="medium border-brown" type="text" id="Datum" data-bind="value: Globalize.format(NewEinzelfall.Datum, 'd')" disabled="disabled" />
                </div>
                <div data-bind="if: NewEinzelfall.ErbrachtZeit">
                    <div class="one-in-row">
                        <label for="ErbrachtZeit" class="label" data-bind="text: Application.Resources.Views.Others.To">um</label>
                        <!--<input type="time" id="ErbrachtZeit" data-bind="value: NewEinzelfall.ErbrachtZeit" />               -->
                        <div id="ErbrachtZeit" class="input-append date medium" data-bind="datetimepicker: NewEinzelfall.ErbrachtZeit, datetimepickerOptions: { pickDate: false, allowDateChangeOnTimeChange: false }">
                            <input class="border-brown" data-format="hh:mm" type="text" />
                            <span class="add-on">
                                <i data-time-icon="fa fa-clock-o" data-date-icon="fa fa-calendar"></i>
                            </span>
                        </div>
                    </div>
                </div>
                <div data-bind="if: NewEinzelfall.ZeitVon && NewEinzelfall.ZeitBis">
                    <div class="one-in-row">
                        <label class="label" for="ZeitVon" data-bind="text: Application.Resources.Views.Others.From">von</label>
                        <!--<input type="time" id="ZeitVon" data-bind="value: NewEinzelfall.ZeitVon" />               -->
                        <div id="ZeitVon" class="input-append date medium" data-bind="datetimepicker: NewEinzelfall.ZeitVon, datetimepickerOptions: { pickDate: false, allowDateChangeOnTimeChange: false }">
                            <input class="border-brown" data-format="hh:mm" type="text" />
                            <span class="add-on">
                                <i data-time-icon="fa fa-clock-o" data-date-icon="fa fa-calendar"></i>
                            </span>
                        </div>
                    </div>
                    <div class="one-in-row">
                        <label class="label" for="ZeitBis" data-bind="text: Application.Resources.Views.Others.Until">bis</label>
                        <!--<input type="time" id="ZeitBis" data-bind="value: NewEinzelfall.ZeitBis" />               -->
                        <div id="ZeitBis" class="input-append date medium" data-bind="datetimepicker: NewEinzelfall.ZeitBis, datetimepickerOptions: { pickDate: false, allowDateChangeOnTimeChange: false }">
                            <input class="border-brown" data-format="hh:mm" type="text" />
                            <span class="add-on">
                                <i data-time-icon="fa fa-clock-o" data-date-icon="fa fa-calendar"></i>
                            </span>
                        </div>
                    </div>
                </div>
                <div data-bind="if: NewEinzelfall.Dosis">
                    <div class="one-in-row">
                        <label for="Dosis" class="label spanBr" data-bind="text: Application.Resources.Views.New_einzelfall.Dosis">Dosis</label>
                        <input type="number" class="border-brown" id="Dosis" data-bind="value: NewEinzelfall.Dosis" disabled="disabled" />
                    </div>
                </div>
            </div>
            <div class="rightcolumn">
                <div data-bind="if: $data.Leistungen">
                    <div class="Leistungen overflow-IndicatorContener">
                        <div class="overflowIndicator fa fa-sign-out fa-2x fa-rotate-90"></div>
                        <h5><span data-bind="text: Application.Resources.Views.New_einzelfall.Selected_leistungen">Selected Leistungen </span>(<span data-bind="    text: NewEinzelfall.Leistungen.length"></span>):</h5>
                        <div class="box">
                            <ul id="leistungen-katalog" class="in-sectionList" data-bind="foreach: NewEinzelfall.Leistungen">
                                <li data-bind="click: $parent.removeLeistung.bind($data, $root), testOverflow:true, text: Bezeichnung"></li>
                            </ul>
                            <!-- ko if: NewEinzelfall.Leistungen.length == 0 -->
                            <div data-bind="text: Application.Resources.Views.New_einzelfall.No_items">No items, please select some from Leistungen Katalog</div>
                            <!-- /ko -->
                        </div>
                    </div>
                    <div class="Leistungen overflow-IndicatorContener">
                        <div class="overflowIndicator fa fa-sign-out fa-2x fa-rotate-90"></div>
                        <h5><span data-bind="text: Application.Resources.Views.New_einzelfall.Leistungen_katalog">Leistungen Katalog</span>:</h5>
                        <div class="box">
                            <ul class="in-sectionList" data-bind="foreach: Leistungen">
                                <li data-bind="click: $parent.addLeistung.bind($data, $root),testOverflow:true, text: Bezeichnung"></li>
                            </ul>
                            <!-- ko if: Leistungen.length == 0 -->
                            <div data-bind="text: Application.Resources.Views.New_einzelfall.No_items_available">No more items available</div>
                            <!-- /ko -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <button class="textButton" data-bind="click: newEinzelfallClick.bind($data, $root), text: Application.Resources.Views.New_einzelfall.Buttons.Generate, enable:(NewEinzelfall.Verordnung || NewEinzelfall.Massnahme) && (!NewEinzelfall.Leistungen || NewEinzelfall.Leistungen.length > 0), css: { 'buttonInactive': !(NewEinzelfall.Verordnung || $root.NewEinzelfall.Massnahme) || (NewEinzelfall.Leistungen && NewEinzelfall.Leistungen.length == 0)}">
                Generieren
            </button>
            <button class="textButton" data-bind="click: cancelClick, text: Application.Resources.Views.New_einzelfall.Buttons.Abort">Abort</button>
        </div>
</div>
